<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <!-- 导航栏-->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script type="text/javascript" src="../static/bootstrap/js/bootstrap.min.js" th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
    <link rel="stylesheet" type="text/css" href="../static/bootstrap/css/bootstrap.css" th:href="@{/bootstrap/css/bootstrap.css}"/>


    <!--  -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../static/css/borrowtable.css" th:href="@{/css/borrowtable.css}">
    <title>书籍借阅管理</title>

</head>
<div>

    <nav class="navbar navbar-dark navbar-fixed-top" role="navigation" style="background-color: black">
        <a class="navbar-brand" style="color: white;font-family: 'Arial Narrow'"><i class="fa fa-cloud fa-lg"></i>Libraby</a>
        <a class="navbar-brand" href="#" th:href="@{/user/login}" style="color: white;font-family: 'Arial Narrow'"><i class="fa fa-user fa-lg"></i>Logout</a>
        <li class="nav-item dropdown">
            <a class="navbar-brand dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color: white;font-family: 'Arial Narrow'">Reader Management</a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown" style="background-color: black">
                <a class="dropdown-item" href="#" th:href="@{/librarian_Changeinfo_Reader}" style="color: white">Reader Account</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#" th:href="@{/librarian_Changeinfo_Reader}" style="color: white">Pending Account</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#" th:href="@{/librarian_BR_viewReader}" style="color: white">Borrow Return History</a>
            </div>
        </li>
        <a class="navbar-brand" href="#" th:href="@{/incomerecord}" style="color: white">Income</a>
        <li class="nav-item dropdown">
            <a class="navbar-brand dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color: white;font-family: 'Arial Narrow'">Public Notice</a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown" style="background-color: black">
                <a class="dropdown-item" href="#" th:href="@{/notice}" style="color: white">Publish_Notice</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#" th:href="@{/notice/update}" style="color: white">Update_Notice</a>
            </div>
        </li>
        <li class="nav-item dropdown">
            <a class="navbar-brand dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color: white;font-family: 'Arial Narrow'">Pending</a>
            <div class="dropdown-menu dg-dark" aria-labelledby="navbarDropdown" style="background-color: black">
                <a class="dropdown-item" href="#" th:href="@{/borrowmsg}" style="color: white">Borrow</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#" th:href="@{/returnmsg}"  style="color: white">Return</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#" th:href="@{/finemsg}" style="color: white">Fine</a>
            </div>
        </li>
        <a class="navbar-brand" href="#" th:href="@{/librarian_book}" style="color: white">Librarian Home</a>
        <a class="navbar-brand" href="/reader_searchbook(no)"  style="color: white">Home</a>
    </nav>
    </nav>
    <div style="overflow:auto;overflow-x:hidden;margin: 0 auto;margin-top:150px;height:600px;width:1000px">
        <div class="test test-5">
            <td class="scrollbar">

                <table id="gradient-style" >
                    <thead style="background-color: black">
                    <tr >
                        <th scope="col">Reader</th>
                        <th scope="col">Phone</th>
                        <th scope="col">BookId</th>
                        <th scope="col">StartTime</th>

                        <th scope="col" style="text-align: center">Y/N</th>
                    </tr>
                    </thead>
                    <tbody>

                    <tr  th:each="msg:${brwmsgs}">
                        <td th:text="${msg.rname}"></td>
                        <td th:text="${msg.phone}"></td>
                        <td th:text="${msg.ID}"></td>
                        <td th:text="${msg.starttime}"></td>
                        <td >

                            <form th:action="@{/setSuc/}+${msg.phone}+'/'+${msg.ID}+'/'+${msg.starttime}" method="post">
                                <input type="hidden" name="_method" value="post">
                                <button  type="submit" class="btn btn-success" th:id="${msg.phone}+${msg.ID}" >accept</button>
                            </form>
                            <form th:action="@{/setFail/}+${msg.phone}+'/'+${msg.ID}+'/'+${msg.starttime}" method="post">
                                <input type="hidden" name="_method" value="post">
                                <button type="submit" class="btn btn-danger" th:id="${msg.phone}+${msg.ID}+a" >refuse</button>
                            </form>

                        </td>

                    </tr>




                    </tr>


                    </tbody>

                </table>

        </div>
    </div>
</div>

<div>
    <div class="footer">
        <div>
            <a class="navbar-brand" style="color: white;font-size: 30px;font-family: 'Book Antiqua';
            margin-top:1%;margin-left: 10% ">
                <i class="fa fa-cloud fa-lg"></i>Libraby</a>
        </div>
        <p>Shan ICP Number 18018134 | Powered by 1713011</p>
    </div>
</div>
</body>
</html>